<template>
    <div  style="width: 100%;height: 96%;overflow: hidden">
        <div style="width: 100%;height: 98%">
            <ul class="flex tb_list font_s18" style="background-color: #042a79;color: #fff">
                <li class="flex2 textC">名称</li>
                <li class="flex2 textC">已建造数</li>
                <li class="flex2 textC">已销售数</li>
                <li class="flex2 textC">已落葬数/已放骨灰数</li>
                <li class="flex2 textC">未销售数/空余格位数</li>
                <li class="flex2 textC">价格区间</li>
            </ul>
            <div style="height: 65vh;color: rgb(139, 245, 255);"
                 class="superviseList font_s18">
                <div v-for="(item, index) in dataList" :key="index">
                    <ul class="flex tb_list" :class="{evenbg:index%2==1}">
                        <li class="flex2 textC">{{ item.name }}</li>
                        <li class="flex2 textC">{{item.yjzs }}</li>
                        <li class="flex2 textC">{{item.yxss}}</li>
                        <li class="flex2 textC">{{item.ylzs}}</li>
                        <li class="flex2 textC">{{item.wxss}}</li>
                        <li class="flex2 textC">{{item.jgqj}}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
  name: 'HLYModal',
  props: {
    dataList: {
      type: Array,
      default () {
        return []
      }
    },
    leftType: [String, Number]
  }
}
</script>
<style lang="scss" scoped>
    ul.tb_list li{
        margin: 1rem 0 1rem 1rem;
        min-height: 2.5rem;
        padding: .5rem 0;
    }
    ul.evenbg {
        background-color: #0c1e51;
        background-position: 100% 100%;
    }
</style>
